<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper.css" />
	<script src="assets/flexible/flexible.debug.js"></script>
	<script src="assets/flexible/flexible_css.debug.js" ></script>
	<link rel="stylesheet" href="css/index.min.css">
	
</head>
<body>
	
	<!-- 头部导航 -->
		<header class="header">
	<section>

		搜索话题、专家姓名
	</section>
	<figure class="figure">
		<img src="images/headr.jpg" />
	</figure>
</header>
    <!-- banner -->
     <div class="swiper-container cc">
        <div class="swiper-wrapper ad" >
            <div class="swiper-slide">
            	<img src="images/lp.jpg" />
            </div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>
            <div class="swiper-slide">Slide 4</div>
            <div class="swiper-slide">Slide 5</div>
            <div class="swiper-slide">Slide 6</div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination ccfenye"></div>
    </div>

    <!-- xx快报 -->
    <section class="section">
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    	<dl>
    		<dt><img src="images/qg.jpg"/></dt>
    		<dd>情感咨询</dd>
    	</dl>
    </section>
    <section class="sectionone">
	    
		 <span>
		 	<img src="images/gb.jpg"/>
		 </span>
		 
		<ul id="ul">
		  		
	  			<li>2017-10-23<a>08:21:56</a><a> 5**</a> <a>预约了</a> <a>刘毅</a></li>
	  			<li><a>爆</a>仅限22小时</li>
	  			<li><a>枪</a>仅限23小时</li>
	  			<li>2017-10-23<a>08:21:56</a><a> 5**</a> <a>预约了</a> <a>刘毅</a></li>
		  	</ul>
	</section>
    <!-- 热卖商品 -->
    <section class="sectiontow">
	    <section class="towrigth">
	    		<p class="sp">倾诉热线<span>Hot</span></p>
	    		<span class="sp1">无需预约  马上倾诉</span>
	    		<span class="sp2">
					<span>1</span>
					<span>4</span>
					<span>2</span>
					<span>0</span>
					<span>9</span>
					<span>8</span>
				</span>
				<span class="sp3">个人已经连接咯~~</span>
	    	
	    </section>
		 <section class="towleft">
		 	<section class="lefttop">
		 	<span class="zzj">找专家 <img src="images/zzj.jpg"/></span>
		 	<span class="zs">真实评价 强力推荐</span>
		 	</section>
		 	<section class="leftbottom">
		 	<span class="zzj">在先答问<img src="images/zzj.jpg"/></span>
		 	<span class="zs">公开提问 收获专业解答</span>
		 	</section>
		 </section>
		
	</section>
    <!-- 新品上市 -->
    <div class="s1">
    	<div class="sstop">
	    	<span class="kc">课程推荐</span>
	    	<p class="gd">更多<span>></span></p>
    	</div>
	    <div class="swiper-container mr">
	    	
	        <div class="swiper-wrapper">
	            <div class="swiper-slide">
	            	<img src="images/mr.jpg" />
	            	<span class="zi">
	            		抓住男人心的20条幸福绝招  教你对男人产生致
	            	</span>
	            	<span class="rq">
	            		人气：6306
	            	</span>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/mr.jpg" />
	            	<span class="zi">
	            		抓住男人心的20条幸福绝招  教你对男人产生致
	            	</span>
	            	<span class="rq">
	            		人气：6306
	            	</span>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/mr.jpg" />
	            	<span class="zi">
	            		抓住男人心的20条幸福绝招  教你对男人产生致
	            	</span>
	            	<span class="rq">
	            		人气：6306
	            	</span>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/mr.jpg" />
	            	<span class="zi">
	            		抓住男人心的20条幸福绝招  教你对男人产生致
	            	</span>
	            	<span class="rq">
	            		人气：6306
	            	</span>
	            </div>
	            
	        </div>
	        <!-- Add Pagination -->
	       <!-- <div class="swiper-pagination"></div>-->
	    </div>
    </div>
    <!-- 当前用户、回顶部 -->
    <section class="bottm">
    	<section class="bottmtop">
    		<span class="yc">每日一测</span>
    		<span class="qb">全部</span>
    		<img src="images/da.jpg" />
    	</section>
    	<section class="sj">
    	</section>
    	<section class="fot">
    		<span class="we">更多测试</span>
    	</section>
    </section>
    <!-- 底部导航 -->
    <footer class="foot">
    	<a href="index.html" class="foote">
			<span class="iconfont sps1"><img src="images/foot.jpg"/></span>
			<p>壹点灵</p>
		</a>
		<a href="../src/html/index1.html" class="foote">
			<span class="iconfont sps2"><img src="images/foot.jpg"/></span>
			<p>动态</p>
		</a>
		<a href="../src/html/index2.html" class="foote">
			<span class="iconfont sps3"><img src="images/foot.jpg"/></span>
			<p>发现</p>
		</a>
		<a href="../src/html/index3.html" class="foote">
			<span class="iconfont sps4"><img src="images/foot.jpg"/></span>
			<p>消息</p>
		</a>
		<a href="../src/html/index4.html" class="foote">
			<span class="iconfont spa5"><img src="images/foot.jpg"/></span>
			<p>我的</p>
		</a>
    </footer>
	<script src="assets/jquery/jquery-3.2.1.js"></script>
	<script src="assets/swiper/js/swiper.jquery.js" ></script>
	<script src="assets/artTemplate/template-web.js" ></script>
	<script src="js/index.js"></script>
	<script type="text/html" id="mban">
		{{each arr v i}}
		<div class="box">
			<div class="left">
				<img src="{{v.img1}}"/>
			</div>
			<div class="right">
				<span class="bt">{{v.title}}</span>
				<span class="cg">{{v.xp}}</span>
			</div>
		</div>
		{{/each}}
		</script>
</body>
</html>
